<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Untitled Document</title>
		<script type="text/javascript" src="../FWK/Package.js"></script>
		<script type="text/javascript">
			FWK.include("FWK.UI.PageMask");
		</script>
		<style>
			html, body {padding:0; margin:0}
			.dom {
				width:200px;
				height:100px;
				border:1px blue dotted;
			}
			body {
				background:pink;
			}
		</style>
	</head>
	<body>
		once , there's a hommmmmmm sd , adn  eis h once , there's a hommmmmmm sd , adn  eis h once , there's a hommmmmmm sd , adn  eis h once , there's a hommmmmmm sd , adn  eis h once , there's a hommmmmmm sd , adn  eis h once , there's a hommmmmmm sd , adn  eis h once , there's a hommmmmmm sd , adn  eis h once , there's a hommmmmmm sd , adn  eis h
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		a<br/>
		<input onclick="pageMask.setScrollType('scroll')" value="scroll" type="button" />
		<input onclick="pageMask.setScrollType('hide')" value="hide" type="button" />
		<input onclick="pageMask.setScrollType('autoa')" value="auto" type="button" />
	</body>
</html>

<script language="JavaScript">
	var dom = document.createElement("div");
	dom.innerHTML = "HAHA";
	dom.className = "dom";
	var pageMask = new FWK.UI.PageMask("pgMask", dom, 40, {x:-100,y:200});
//	pageMask.getMask().style.backgroundColor = "";
//	pageMask.setScrollType("scroll")
//	pageMask.show();
	
	document.onclick = function() {
		pageMask.hide();
	}
	document.ondblclick = function() {
		pageMask.show();
	}	
	
</script>